/**
 * header 样式
 * @author xiaoxujs
 */

import styled from "styled-components";

import headerTitle from '../../../../assets/image/Layout/header_title.png';
import headerNameBg from '../../../../assets/image/Layout/header_name_bg.png'

export const HeaderBox = styled.div`
    width: 100%;
    height: 7.4rem;
    background: url(${headerTitle});
    background-size: 100% 100%;
    display: flex;
    padding-left:3.3rem ;
    align-items: center;
    justify-content: space-between;
    .name_box{
        height: 100%;
        .name_box_box{
            /* width: 9.4rem; */
            height: 2.3rem;
            background: url(${headerNameBg});
            background-size: 100% 100%;
            display: flex;
            justify-content: center;
            font-weight: 500;
            font-size: 1.4rem;
            color: #79B8FF;
            margin-top: 1.5rem;
            margin-right: 4.5rem;
            padding: 0 1rem 2rem;
            .iconfont{
                margin-right: 1rem;
                font-size: 1.6rem;
            }
        }

    }
`